<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="author" content="ThemeFuse">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>MetroVibes - Homepage</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'>


<!-- custom input -->
<script src="js/jquery.customInput.js"></script>
<!-- Google Map -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap.min.js"></script>


<link href="<s:url value='/styles/cusel.css'/>" rel="stylesheet"  media="screen"/>
<script src="js/cusel-min.js"></script>

<script>
    $(window).load(function(){
		$("#map1").gMap({
			markers: [{
                latitude: 10.851581,
				longitude: 106.671486,
                html:"We are here",
                popup: false}],
			zoom: 16,
            scrollwheel: false
			});
	});
</script>
</head>
<body>
<div class="body_wrap contact_page">

	<!-- header -->
	<div class="header header-map" >
		<div class="container">
			 
			<div id="map1" class="map frame_box" style="width: 100%; box-shadow: none;  overflow: hidden;"> </div>

		</div>
	</div>
	<!--/ header -->

    <!--header bottom-->
    <div class="header-bottom">
        <div class="container clearfix">


           <div class="contact_list clearfix ">
				<ul class="contact_items">
					<li><i class="location-ico"></i><span>95 Đường số 6, Lê Đức Thọ, Gò Vấp, HCM</span></li>
					<li><i class="mail-ico"></i><span>sharemore@gmail.com</span></li>
					<li><i class="phone-ico"></i><span>093 235 2279</span></li>
				</ul>
			</div>

        </div>
    </div>
    <!--/header bottom-->

	<!--middle-->
	<div id="middle" class="cols2">
		<div class="container">

		<!--content-->
		<div class="content " role="main">
			<article class="post-details">
				<div class="entry clearfix">
					<!-- comment form -->
                <div class="add-comment" id="addcomments">
                    
                    <div class="add-comment-title">
                        <h3>Gửi cho chúng tôi một lời nhắn</h3>
                    </div>
                    
                    <div class="comment-form">
                    <form action="#" method="post" id="commentForm" class="ajax_form">
                        <div class="form-inner">
                        <div class="row alignleft field_text">
                            <label class="label_title">Tên</label>
                            <input type="text" name="yourname" id="name" value="" class="inputtext input_middle required">

                        </div>
                                                              
                        <div class="row alignleft field_text omega">
                            <label class="label_title">Email (never published)</label>
                            <input type="text" name="email" id="email" value="" class="inputtext input_middle required">

                        </div>
                            <div clas="clear"></div>
                        <div class="row alignleft field_text">
                            <label class="label_title">Website</label>
                            <input type="text" name="web" id="web" value="" class="inputtext input_middle">

                        </div>

                        <div class="row field_select alignleft omega">
                            <label class="label_title">Tiêu đề</label>
                            <select class="select_styled" name="contact_subject" id="contact_subject">
                            	<option value="1">Khác</option>
                                <option value="2">Feedback</option>
                                <option value="3">Hỗ trợ</option>
                                <option value="4">Góp ý</option>
                            </select>
                        </div>
                        
                        <div class="clear"></div>  
                        <div class="row">
                            <label class="label_title">Nội dung</label>
                            <textarea cols="30" rows="10" name="message" id="message" class="textarea textarea_middle required"></textarea>
                        </div>

                       
                        
                       
                         <div class="clear"></div>
                        </div>
                        <div class="row rowSubmit clearfix">
                            <input type="submit" value="Gửi" id="send" class="btn btn-default">
                            <a onclick="document.getElementById('commentForm').reset();return false" href="#" class="link-reset">Xóa</a>
                        </div>
                    </form>
                    </div>
                </div>
                <!--/ comment form --> 
				</div>
			</article>
		</div>
		<!-- /content-->

		<!--sidebar-->
		<div class="sidebar">
			<!-- flickr widget -->
            <div class="widget-container flickr">
                <h3 class="widget-title">Hành trình yêu thương</h3>
                <div class="flickr-inner clearfix">
                    <div class="flickr_badge_image" id="flickr_badge_image1"><a href="http://www.flickr.com/photos/themefuse/4745330331/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img.png" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image3"><a href="http://www.flickr.com/photos/themefuse/4745331021/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img2.png" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image2"><a href="http://www.flickr.com/photos/themefuse/4745967666/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img3.png" alt="A photo on Flickr" title="TechOffers HTML Newsletter" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image4"><a href="http://www.flickr.com/photos/themefuse/4745329719/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img4.png" alt="A photo on Flickr" title="TechOffers HTML Newsletter" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image5"><a href="http://www.flickr.com/photos/themefuse/4745969376/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img5.png" alt="A photo on Flickr" title="Art Gallery HTML/WP template - Homepage" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image6"><a href="http://www.flickr.com/photos/themefuse/4745330159/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img6.png" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image2"><a href="http://www.flickr.com/photos/themefuse/4745967666/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img7.png" alt="A photo on Flickr" title="TechOffers HTML Newsletter" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image1"><a href="http://www.flickr.com/photos/themefuse/4745330331/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img8.png" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="66" width="66"></a></div>
                    <div class="flickr_badge_image" id="flickr_badge_image3"><a href="http://www.flickr.com/photos/themefuse/4745331021/" hidefocus="true" style="outline: none;"><img src="images/temp/flickr_img9.png" alt="A photo on Flickr" title="Bon Apetit HTML/WP template - Homepage" height="66" width="66"></a></div>
                </div>
            </div>
			<!--/ flickr widget -->

			<!-- widget_contact -->
	        <div class="widget-container widget_contact"> 
            	<h3 class="widget-title">Thông tin</h3>  
	            <div class="inner">   	            	
	                <div class="contact-address">
	                	<div class="name"><strong>Mua bán cho nhận</strong></div>
						<div class="address">95 Đường số 6, Lê Đức Thọ, Gò Vấp, HCM</div>
						<div class="mail"><em>Email:</em> <a href="mailto:contact@newssetter.com">contact@company.com</a></div>
						<div class="phone"><em>Phone:</em> <span>555-522.326</span></div>
	                    <div class="fax"><em>Fax:</em> <span>555-345.285</span></div>
		                
					</div>                    
				</div>     
			</div>
	        <!--/ widget_contact -->

		</div>
		<!--/sidebar-->

			<div class="clear"></div>
		</div>
	</div>
	<!--/middle-->
	</div>